<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册用户信息</title> 
</head>
<script>
    // js函数
    function check(){
        //获取用户名的值
        var name = document.getElementById("na").value;
        //判断是否等于admin
        if(name == "admin"){
            //相等的话，获取自我介绍的值，然后弹出
           var j = document.getElementById("jieshao").value;
           //弹出介绍内容
            alert(j);
            //表单提交成功
            return true;
        }else{
            //不相等，提示相关信息
            alert("用户名不对！");
            //提交失败
            return false;
        }
    }
</script>
<body> 
    <!-- 表单，onsubmit里看函数返回的值，决定是否提交 -->
    <form onsubmit="return check()">
        <!-- 表格 -->
        <table>
            <tr>
                <td>用户名:</td>
                <td><input type="text" id="na"/></td>
            </tr>
            <tr>
                <td>
                    密码:
                </td>
                <td>
                    <input type="password"/>
                </td>
            </tr>
            <tr>
                <td>性别:</td>
                <td>
                    <!-- 单选按钮 -->
                    <input type="radio" name="sex"/>男
                    <input type="radio" name="sex"/>女
                </td>
            </tr>
            <tr>
                <td>学历:</td>
                <td>
                    <!-- 下拉列表 -->
                    <select>
                        <option>本科</option>
                        <option>专科</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td>自我介绍</td>
                <td>
                    <!-- 文本域 -->
                    <textarea id="jieshao"></textarea>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <!-- 提交按钮 -->
                    <input type="submit" value="提交"/>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>